:root{
    --space: 24px;
    --space-md: 12px;
    --space-sm: 4px;
    --text-normal: rgba(0, 0, 0, 0.88);
    --text-secondary:rgba(0, 0, 0, 0.45);
    --color-primary: #1677ff;
    --color-primary-hover:#4096ff;
    --transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.margin-bottom{margin-bottom: var(--space) !important}
.margin-bottom-md{margin-bottom: var(--space-md) !important}
.margin-bottom-sm{margin-bottom: var(--space-sm) !important}
.margin-left{margin-left: var(--space);}
.padding-top-sm{padding-top:8px}
.padding-top-md{padding-top:12px}
.padding-top{padding-top:var(--space)}
.margin-none{margin:0 !important}
.wrapper{padding: var(--space);}
.action{color: var(--color-primary);}
.action:hover,
.hover:hover{cursor: pointer;color: var(--color-primary-hover); transition: var(--transition);}
.font-size-smaller{font-size: 10px!important}
.font-size-small{font-size: 12px!important}
.font-size-lg{font-size: 16px!important}
.font-weight-500{font-weight: 500}
.wrapper-container{
    padding: 0 var(--space);
}
.actions {
    display: flex;
    align-items: center;
    gap:16px;
}
.actions>span{
    cursor: pointer;
    color: #1677ff;
    position: relative;
}
.actions>span.danger{
    color: #ff4d4f;
}
.actions>span:hover{
    color: #69b1ff; 
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.actions>span.danger:hover{
    color: #ff7875;
}
.actions>span+span:before{
  content:"";
  top: 2px;
  height: 1em;
  left: -8px;
  display: inline-block;
  position: relative;
  border-inline-start: 1px solid rgba(5, 5, 5, 0.06);
  padding-left: var(--space-sm);
}
.a-text-secondary{color: var(--text-secondary);}
.a-text-center{text-align: center;}
.header-action .ant-divider-vertical{
    border-inline-start: 1px solid rgba(255,255,255, 0.25);
}
.article-content img {
  max-width: 100%;
}
.article-content{
    line-height: 2rem;
    font-size: 1rem;
}
.ant-affix .article-title {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(29, 35, 41, .1);
}